<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

        <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <title>股权宝</title>
    </head>

    <body>

        <div class="page">
            <div class="entrance-title-box">
                <h1>请选择您的身份</h1>
                <p>开启您的知识旅程</p>
            </div>
            <div class="entrance-choose-box flex">
                <div class="entrance-choose-box-item">
                    <img src="images/entrance_choose_shareholder.png" alt="" />
                    <p>股东</p>
                </div>
                <div class="entrance-choose-box-item">
                    <img src="images/entrance_choose_management.png" alt="" />
                    <p>公司董监高</p>
                </div>
                <div class="entrance-choose-box-item">
                    <img src="images/entrance_choose_both.png" alt="" />
                    <p>我都是</p>
                </div>
            </div>
            <button class="entrance none">确定</button>
        </div>

        <script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $('.entrance-choose-box-item').click(function (e) {
                $('.entrance').removeClass('none');
                if($(this).index() == 0){
                    $('.entrance-choose-box-item').eq(1).find('img').attr('src','images/entrance_choose_management.png');
                    $('.entrance-choose-box-item').eq(2).find('img').attr('src','images/entrance_choose_both.png');
                    $(this).find('img').attr('src','images/entrance_choose_shareholder_on.png');
                }else if($(this).index() == 1){
                    $('.entrance-choose-box-item').eq(0).find('img').attr('src','images/entrance_choose_shareholder.png');
                    $('.entrance-choose-box-item').eq(2).find('img').attr('src','images/entrance_choose_both.png');
                    $(this).find('img').attr('src','images/entrance_choose_management_on.png');
                }else {
                    $('.entrance-choose-box-item').eq(0).find('img').attr('src','images/entrance_choose_shareholder.png');
                    $('.entrance-choose-box-item').eq(1).find('img').attr('src','images/entrance_choose_management.png');
                    $(this).find('img').attr('src','images/entrance_choose_both_on.png');
                }
            });

            $('.entrance').click(function (e) {
                if ($(this).hasClass('none')) return;
                window.location.href = 'me.html';
            });
        </script>
    </body>
</html>